<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>知尚旅行社</title>
    <link href="css/base.css" type="text/css" rel="stylesheet">
    <link href="css/scenery.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--头部模块-->
<div id="header">
    <!--头部模块居中盒子-->
    <div class="header_center clearfix">
        <!--头部logo模块-->
        <h1 class="header_logo">知尚旅行社</h1>
        <!--头部导航模块-->
        <ul class="header_nav">
            <li><a href="index.html">首页</a></li>
            <li><a href="information.html">旅游资讯</a></li>
            <li><a href="#">机票订购</a></li>
            <li class="active"><a href="scenery.html">风景欣赏</a></li>
            <li><a href="#">公司简介</a></li>
        </ul>
    </div>
</div>
<!----------------------广告模块------------------------------->
<div id="headline">
    <div class="headline_center">
        <div class="group">
            <h2>旅游资讯</h2>
            <h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>
        </div>
    </div>
</div>
<!------------内容模块---------------->
<div id="container" class="clearfix">
    <!---内容右侧栏模块-->
    <div class="sidebar">
        <!---景点推荐模块-->
        <div class="side_box recommend">
            <h2>景点推荐</h2>
            <ul>
                <li><a href="#">曼谷(<span>12</span>)</a></li>
                <li><a href="#">东京(<span>5</span>)</a></li>
                <li><a href="#">西双版纳(<span>8</span>)</a></li>
                <li><a href="#">丽江(<span>16</span>)</a></li>
                <li><a href="#">呼伦贝尔(<span>4</span>)</a></li>
                <li><a href="#">首尔(<span>9</span>)</a></li>
                <li><a href="#">巴厘岛(<span>15</span>)</a></li>
                <li><a href="#">土耳其(<span>22</span>)</a></li>
                <li><a href="#">夏威夷(<span>5</span>)</a></li>
                <li><a href="#">巴厘岛(<span>11</span>)</a></li>
                <li><a href="#">毛里求斯(<span>7</span>)</a></li>
                <li><a href="#">吉普岛(<span>4</span>)</a></li>
                <li><a href="#">希腊(<span>18</span>)</a></li>
                <li><a href="#">法瑞意(<span>8</span>)</a></li>
                <li><a href="#">马尔代夫(<span>9</span>)</a></li>
                <li><a href="#">新西兰(<span>16</span>)</a></li>
                <li><a href="#">埃及(<span>11</span>)</a></li>
                <li><a href="#">迪拜(<span>14</span>)</a></li>
                <li><a href="#">私立兰塔(<span>7</span>)</a></li>
                <li><a href="#">麦哈顿(<span>3</span>)</a></li>
                <li><a href="#">大阪(<span>15</span>)</a></li>
            </ul>
        </div>

        <!---景点推荐模块结束--->
        <div class="side_box hot">
            <h2>热门旅游</h2>
            <ul>
                <li>
                    <img src="img/hot1.jpg" alt="">
                    <p>曼谷-芭提雅6日游</p>
                </li>
                <li>
                    <img src="img/hot1.jpg" alt="">
                    <p>曼谷-芭提雅6日游</p>
                </li>
                <li>
                    <img src="img/hot1.jpg" alt="">
                    <p>曼谷-芭提雅6日游</p>
                </li>
                <li>
                    <img src="img/hot1.jpg" alt="">
                    <p>曼谷-芭提雅6日游</p>
                </li>
                <li>
                    <img src="img/hot1.jpg" alt="">
                    <p>曼谷-芭提雅6日游</p>
                </li>
                <li>
                    <img src="img/hot1.jpg" alt="">
                    <p>曼谷-芭提雅6日游</p>
                </li>
                <li>
                    <img src="img/hot1.jpg" alt="">
                    <p>曼谷-芭提雅6日游</p>
                </li>
                <li>
                    <img src="img/hot1.jpg" alt="">
                    <p>曼谷-芭提雅6日游</p>
                </li>
            </ul>
        </div>

        <div class="side_box treasure">
            <h2>旅游百宝箱</h2>
            <ul>
                <li><a href="#">天气预报</a></li>
                <li><a href="#">火车票查询</a></li>
                <li><a href="#">航空查询</a></li>
                <li><a href="#">地铁线路查询</a></li>
            </ul>
        </div>
    </div>
    <!---左侧图文列表模块-->
    <div class="list">
        <h2>风景欣赏</h2>
        <ul class="clearfix">
            <li>
                <img src="img/s1.jpg" alt="">
                <p>曼谷-芭提雅[共<span>8</span>张]</p>
            </li>
            <li>
                <img src="img/s2.jpg" alt="">
                <p>曼谷-芭提雅[共<span>8</span>张]</p>
            </li>
            <li>
                <img src="img/s3.jpg" alt="">
                <p>曼谷-芭提雅[共<span>8</span>张]</p>
            </li>
            <li>
                <img src="img/s4.jpg" alt="">
                <p>曼谷-芭提雅[共<span>8</span>张]</p>
            </li>
            <li>
                <img src="img/s5.jpg" alt="">
                <p>曼谷-芭提雅[共<span>8</span>张]</p>
            </li>
            <li>
                <img src="img/s6.jpg" alt="">
                <p>曼谷-芭提雅[共<span>8</span>张]</p>
            </li>
            <li>
                <img src="img/s7.jpg" alt="">
                <p>曼谷-芭提雅[共<span>8</span>张]</p>
            </li>
            <li>
                <img src="img/s8.jpg" alt="">
                <p>曼谷-芭提雅[共<span>8</span>张]</p>
            </li>
        </ul>
        <div class="more">加载更多...</div>
    </div>
</div>



<!--底部模块开始-->
<div id="footer">
    <div class="footer_center clearfix">
        <dl>
            <dt>合作伙伴</dt>
            <hr>
            <dd>途牛旅游网</dd>
            <dd>驴妈妈旅游网</dd>
            <dd>携程旅游</dd>
            <dd>中国青年旅行社</dd>
        </dl>
        <dl>
            <dt>旅游FAQ</dt>
            <hr>
            <dd>旅游合同签订方式？</dd>
            <dd>儿童价是基于什么制定的？</dd>
            <dd>旅游的线路品质怎么界定的？</dd>
            <dd>单房差是什么？</dd>
            <dd>旅游保险有那些种类？</dd>
        </dl>
        <dl>
            <dt>联系方式</dt>
            <hr>
            <dd>微博：weibo.com/ycku</dd>
            <dd>邮件：ycku@ycku.com</dd>
            <dd>地址：江苏盐城无名路123 号</dd>
        </dl>
    </div>
    <p>
        Copyright © YCKU 瓢城旅行社| 苏ICP 备120110119 号| 旅行社经营许可证：L-YC-BK12345
    </p>
</div>
</body>
</html>